/*audit color*/
.spanColorY{color: #f5890c;}
.spanColorB{color: #0081e9;}
.spanColorG{color: #2c967f;}
.spanColorR{color: #be2924;}

/*required*/
.required{color: #be2924;font-weight: 900;}

/*width*/
.w50 {width: 50px !important;}
.w80 {width: 80px !important;}
.w100{width: 100px !important;}
.w120{width: 120px !important;}
.w150{width: 150px !important;}
.w200{width: 200px !important;}
.w210{width: 210px !important;}
.w260{width: 260px !important;}
.w300{width: 300px !important;}
.w360{width: 360px !important;}

/*height*/
.h20 {height: 20px !important}
.h40 {height: 40px !important}
.h100{height: 100px !important}
.h300{height: 300px !important}

/*float*/
.left {float: left}
.right{float: right}

/*margin*/
.ma0 {margin: 0}
.mt0 {margin-top: 0}
.mr0 {margin-right: 0}
.ml0 {margin-left: 0}
.mb0 {margin-bottom: 0}
.mt5 {margin-top: 5px}
.mr5 {margin-right: 5px}
.ml5 {margin-left: 5px}
.mrb {margin-bottom: 5px}
.mt10{margin-top: 10px}
.mr10{margin-right: 10px}
.ml10{margin-left: 10px}
.mb10{margin-bottom: 10px}
.mt20{margin-top: 20px}
.mr20{margin-right: 20px}
.ml20{margin-left: 20px}
.mb20{margin-bottom: 20px}
.mt30{margin-top: 30px}
.mt30{margin-right: 30px}
.ml30{margin-left: 30px}
.mb30{margin-bottom: 30px}
.mt40{margin-top: 40px}
.mr40{margin-right: 40px}
.ml40{margin-left: 40px}
.mb40{margin-bottom: 40px}

/*padding*/
.pd0 {padding: 0;}
.pd10{padding: 10px;}
.pt10{padding-top: 10px}
.pr10{padding-right: 10px}
.pl10{padding-left: 10px}
.pb10{padding-bottom: 10px}
.pt20{padding-top: 20px}
.pr20{padding-right: 20px}
.pl20{padding-left: 20px}
.pb20{padding-bottom: 20px}
.pt30{padding-top: 30px}
.pt30{padding-right: 30px}
.pl30{padding-right: 30px}
.pb30{padding-bottom: 30px}
.pt40{padding-top: 40px}
.pt40{padding-right: 40px}
.pl40{padding-right: 40px}
.pb40{padding-bottom: 40px}

/*main*/
.main-index .layui-col-sm2 .layui-card .layui-card-body{
    display: inline-block;
}
.main-index .layui-col-sm2 .layui-card .img-ico{
    width: 30%;
    float: left;
    line-height: 100px;
    font-size: 45px;
    text-align: center;
    color: #FFF;
}
.main-index .layui-col-sm2 .layui-card .img-ico img{
    width: 100%;
}
.main-index .layui-col-sm2 .layui-card .p-top{
    width: 60%;
    float: right;
    font-size: 18px;
    font-weight: 900;
    text-align: right;
    line-height: 60px;
}
.main-index .layui-col-sm2 .layui-card .p-bottom{
    width: 60%;
    height: 60px;
    float: right;
    font-size: 16px;
    text-align: right;
    line-height: 60px;
}
.main-index .layui-col-sm2{
    text-align: center;
}
.main-index .layui-col-sm2 .layui-card p{
    line-height: 50px;
}
.main-index .layui-col-sm2 .layui-card .layuiadmin-big-font{
    font-size: 18px;
}
.main-index .layui-col-sm2 .layui-card p.t-red{
    color: #E10909;
}

/*财务统计*/
.main-finance .layui-card-header{
    height: 60px;
    line-height: 60px;
    font-size: 26px;
}
.main-finance:first-child .layui-card-header{
    color: #FF8882;
}
.main-finance:last-child .layui-card-header{
    color: #60CBFB;
}
.main-finance .layui-table tr{
    height: 50px;
    line-height: 50px;
    font-size: 24px;
}

/*table*/
#table-list tr td{
    text-align: center;
}
.layui-form-select{
    width: 150px !important;
    margin-right: 10px;
}
.paging {
    width: 100%;
    margin: 10px auto;
    border-radius: 6px;
    display: inline-block;
}
.paging a{
    margin: 0 5px;
}
.paging span{
    margin: 0 5px;
}
.paging .layui-laypage-curr{
    background-color: #009688;
    color: #ffffff;
}
.layui-layout-body {
    overflow: unset;
}
.layui-elem-quote{
    color: #FF6332;
    background-color: #f2f2f2;
    border-left: none;
}
.layui-btn-show{
    background-color: #60CBFB;
}
.layui-btn-danger{
    background-color: #FF5722;
}
.layui-card{
    border-radius: 6px;
}
.layui-form-bedeck{
    padding: 20px 30px 20px 0;
    background: #fff;
}
.layui-table tbody tr:hover{
    background-color: #ffffff;
}
.layadmin-side-shrink .layui-layout-admin .layui-logo{
    background-image: url("./img/logo.png");
}
.layui-form-select dl{
    z-index: 99999;
}
/*monitoring*/
.monitoring{position: relative;}
.monitoring .layui-inline{
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 10px;
    background: #ffffff;
    border-radius: 50px;
    line-height: 30px;
}
.monitoring .layui-inline .all{
    width: 60px;
    float: left;
    line-height: 61px;
    text-align: center;
}
.monitoring .layui-inline .showHide{
    width: 60px;
    float: right;
    line-height: 61px;
    text-align: center;
}
.monitoring .layui-inline a{
    display: inline-block;
    text-align: center;
    margin-left: 20px;
}
.monitoring .layui-inline img{
    width: 30px;
}
.monitoring .layui-inline .all a{
    width: 100%;
    margin-left: 0;
}
.monitoring .layui-inline .active{
    color: #1e9fff;
}
/* 右侧信息栏 */
.layadmin-cmdlist-fluid{padding-bottom: 60px;}
.cmdlist-container{background: #fff;border:1px solid transparent;}
.cmdlist-container:hover{border:1px solid #e8e8e8;}
.cmdlist-container img{width: 100%;}
.cmdlist-text{padding:20px;}
.cmdlist-text .info{height: 40px;font-size: 14px;line-height: 20px;width: 100%;overflow: hidden;color: #666;margin-bottom:10px;}
.cmdlist-text .price{font-size: 14px;}
.cmdlist-text .price b{margin-right: 20px;}
.cmdlist-text .price p{display: inline-block;}
.cmdlist-text .flow{text-align: right;float: right;}

/*---iconfont---*/
@font-face {
    font-family: "iconfont"; /* Project id  */
    src: url('./font/iconfont.ttf?t=1621423365142') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home:before{content: "\e64e";}
.icon-system:before{content: "\e615";}
.icon-member:before{content: "\e603";}
.icon-goods:before{content: "\e616";}
.icon-order:before{content: "\e659";}
.icon-content:before{content: "\e604";}
.icon-finance:before{content: "\e618";}
.icon-shop:before{content: "\e63e";}
.icon-operation:before{content: "\e612";}
.icon-area:before{content: "\e642";}


/*---style---*/
.layui-side-menu .layui-nav .layui-nav-item .iconfont{position: absolute; top: 50%; left: 20px; margin-top: -19px;}
.layui-table td, .layui-table th {padding: 9px 7px;}
/*---end---*/